<template>
    <fieldset>
        <legend>插槽</legend>
        <input type="text"><button>点击</button>
        <div class="header">
            <slot name="header">
                <!-- 可以在slot的标签中间，编写默认占位的内容，组件如果没有传递就使用默认占位的内容，如果传递了就使用传递的内容 -->
                <!-- <h2>默认占位的header</h2> -->
            </slot>
        </div>
        <div class="main">
            <slot name="main"></slot>
        </div>
        <div class="footer">
            <slot name="footer"></slot>
        </div>
        <!-- 默认的分发 -->
        <!-- <slot></slot> -->

        <!-- 插槽作用域 -->
        <slot :o="obj"></slot>
    </fieldset>
</template>

<script>
    export default {
        data() {
            return{
                obj:{
                    name:'卢本伟',
                    nickname:'没有开挂',
                    address:'卢本伟广场'
                }
            }
        }
    }
</script>